<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description"
        content="小米官网直营小米公司旗下所有产品，包括Xiaomi手机系列Xiaomi 11 Ultra、MIX FOLD，Redmi 红米系列Redmi Note 9、Redmi K40 Pro，小米电视、笔记本、米家智能家居等，同时提供小米客户服务及售后支持." />
    <meta name="keywords" content="Xiaomi,redmi,Xiaomi11 Ultra,Redmi Note 9,Xiaomi MIX Alpha,小米商城" />
    <title>Redmi Note 10 Pro立即购买-小米商城</title>
    <!-- 处理默认样式 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 公共的头部css -->
    <link rel="stylesheet" href="./css/style.css">
    <!-- 公共脚部css -->
    <link rel="stylesheet" href="./css/fooder.css">
    <!-- 首页的css -->
    <link rel="stylesheet" href="./css/index.css">
    <!-- 详情页的css -->
    <link rel="stylesheet" href="./css/xiangqingye.css">
    <!-- 引入网页图标 -->
    <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./img/font/iconfont.css">
</head>

<body>
    <!-- 公共头部 S-->
    <div class="page-top">
        <div class="container">
            <div class="top-lt">
                <a href="">小米商城</a>
                <span>|</span>
                <a href="">MIUI</a>
                <span>|</span>
                <a href="">IoT</a>
                <span>|</span>
                <a href="">云服务</a>
                <span>|</span>
                <a href="">天星数科</a>
                <span>|</span>
                <a href="">有品</a>
                <span>|</span>
                <a href="">小爱开放平台</a>
                <span>|</span>
                <a href="">企业团购</a>
                <span>|</span>
                <a href="">资质证照</a>
                <span>|</span>
                <a href="">协议规则</a>
                <span>|</span>
                <a href="" class="download">下载app
                    <div class="down-box">
                        <b></b>
                        <img src="./img/download.png" alt="">
                        <i>小米商城APP</i>
                    </div>
                </a>
                <span>|</span>
                <a href="">智能生活</a>
                <span>|</span<!--  -->>
                <a href="">Select Location</a>
                <span>|</span>
            </div>
            <div class="top-gt">
                <!-- 购物车部分 -->
                <div class="car-box">
                    <a href="" class="tit">
                        <i class="iconfont">&#xe600;</i>
                        购物车<span>(0)</span>
                    </a>
                    <!-- 购物车弹框 -->
                    <div class="pop">
                        <!-- 没有商品的情况 -->
                        <p class="no-good">购物车中还没有商品，赶紧选购吧！</p>
                        <!-- 有商品的情况 可能会修改结构-->
                        <!-- <ul class="list">
                            <li>
                                <a href="" class="pic"><img src="./img/images/show.jpg" alt=""></a>
                                <div class="txt">Xiaomi 11 Ultra 8GB+256GB 陶</div>
                                <div class="num">
                                    <h4>3299元 X 1</h4>
                                    <i>X</i>
                                </div>
                            </li>
                            <li>
                                <a href="" class="pic"><img src="./img/images/show.jpg" alt=""></a>
                                <div class="txt">Xiaomi 11 Ultra 8GB+256GB 陶</div>
                                <div class="num">
                                    <h4>3299元 X 1</h4>
                                    <i>X</i>
                                </div>
                            </li>
                            <li>
                                <a href="" class="pic"><img src="./img/images/show.jpg" alt=""></a>
                                <div class="txt">Xiaomi 11 Ultra 8GB+256GB 陶</div>
                                <div class="num">
                                    <h4>3299元 X 1</h4>
                                    <i>X</i>
                                </div>
                            </li>
                            <li>
                                <a href="" class="pic"><img src="./img/images/show.jpg" alt=""></a>
                                <div class="txt">Xiaomi 11 Ultra 8GB+256GB 陶</div>
                                <div class="num">
                                    <h4>3299元 X 1</h4>
                                    <i>X</i>
                                </div>
                            </li>
                            <li>
                                <a href="" class="pic"><img src="./img/images/show.jpg" alt=""></a>
                                <div class="txt">Xiaomi 11 Ultra 8GB+256GB 陶</div>
                                <div class="num">
                                    <h4>3299元 X 1</h4>
                                    <i>X</i>
                                </div>
                            </li>
                            <li>
                                <a href="" class="pic"><img src="./img/images/show.jpg" alt=""></a>
                                <div class="txt">Xiaomi 11 Ultra 8GB+256GB 陶</div>
                                <div class="num">
                                    <h4>3299元 X 1</h4>
                                    <i>X</i>
                                </div>
                            </li>
                        </ul>
                        <div class="total">
                            <div class="price">
                                <p>共8件商品</p>
                                <h3>6062元</h3>
                            </div>
                            <a href="" class="btn">去购物车结算</a>
                        </div> -->
                    </div>
                </div>
                <!-- 头部未登录样式 -->
                <div class="login">
                    <a href="./login.html">登录</a>
                    <span>|</span>
                    <a href="./zhuce.html">注册</a>
                    <span>|</span>
                    <a href="">消息通知</a>
                </div>
                <!-- 头部已登录样式 -->
                <!-- <div class="userinfo">
                    <div class="user">
                        <a href="" class="tit">用户<i class="iconfont">&#xe629;</i></a>
                        <ul>
                            <li><a href="">个人中心</a></li>
                            <li><a href="">晒单评价</a></li>
                            <li><a href="">我的喜欢</a></li>
                            <li><a href="">小米账号</a></li>
                            <li><a href="">退出登录</a></li>
                        </ul>
                    </div>
                    <span>|</span>
                    <a href="">消息通知</a>
                    <span>|</span>
                    <a href="">我的订单</a>
                </div> -->
            </div>
        </div>
        <!-- 公共头部 E -->

        <!-- 导航 S -->
        <div class="page-nav">
            <div class="container">
                <a href="" class="logo"></a>
                <ul class="nav">
                    <li class="nav-item" id="page-all-nav">
                        <a href="" class="tit">全部商品分类</a>
                        <!-- 全部商品下拉 -->
                        <div class="slider-nav">
                            <ul class="slider-ul">
                                <li class="slider-li">
                                    <a href="" class="name">
                                        <span>手机</span>
                                        <span>电话卡</span>
                                        <i class="iconfont">&#xe775;</i>
                                    </a>
                                </li>
                                <li class="slider-li">
                                    <a href="" class="name">
                                        <span>手机</span>
                                        <span>电话卡</span>
                                        <i class="iconfont">&#xe775;</i>
                                    </a>
                                    <div class="slider-pop">
                                        <a href="" class="pop-li">
                                            <img src="./img/images/sm.webp" alt="">
                                            <p>小米9</p>
                                        </a>
                                        <a href="" class="pop-li">
                                            <img src="./img/images/sm.webp" alt="">
                                            <p>小米9</p>
                                        </a>
                                        <a href="" class="pop-li">
                                            <img src="./img/images/sm.webp" alt="">
                                            <p>小米9</p>
                                        </a>
                                        <a href="" class="pop-li">
                                            <img src="./img/images/sm.webp" alt="">
                                            <p>小米9</p>
                                        </a>
                                        <a href="" class="pop-li">
                                            <img src="./img/images/sm.webp" alt="">
                                            <p>小米9</p>
                                        </a>
                                        <a href="" class="pop-li">
                                            <img src="./img/images/sm.webp" alt="">
                                            <p>小米9</p>
                                        </a>
                                        <a href="" class="pop-li">
                                            <img src="./img/images/sm.webp" alt="">
                                            <p>小米9</p>
                                        </a>
                                        <a href="" class="pop-li">
                                            <img src="./img/images/sm.webp" alt="">
                                            <p>小米9</p>
                                        </a>
                                        <a href="" class="pop-li">
                                            <img src="./img/images/sm.webp" alt="">
                                            <p>小米9</p>
                                        </a>
                                        <a href="" class="pop-li">
                                            <img src="./img/images/sm.webp" alt="">
                                            <p>小米9</p>
                                        </a>
                                        <a href="" class="pop-li">
                                            <img src="./img/images/sm.webp" alt="">
                                            <p>小米9</p>
                                        </a>
                                        <a href="" class="pop-li">
                                            <img src="./img/images/sm.webp" alt="">
                                            <p>小米9</p>
                                        </a>
                                    </div>
                                </li>
                                <li class="slider-li">
                                    <a href="" class="name">
                                        <span>手机</span>
                                        <span>电话卡</span>
                                        <i class="iconfont">&#xe775;</i>
                                    </a>

                                </li>
                                <li class="slider-li">
                                    <a href="" class="name">
                                        <span>手机</span>
                                        <span>电话卡</span>
                                        <i class="iconfont">&#xe775;</i>
                                    </a>
                                </li>
                                <li class="slider-li">
                                    <a href="" class="name">
                                        <span>手机</span>
                                        <span>电话卡</span>
                                        <i class="iconfont">&#xe775;</i>
                                    </a>
                                </li>
                                <li class="slider-li">
                                    <a href="" class="name">
                                        <span>手机</span>
                                        <span>电话卡</span>
                                        <i class="iconfont">&#xe775;</i>
                                    </a>
                                </li>
                                <li class="slider-li">
                                    <a href="" class="name">
                                        <span>手机</span>
                                        <span>电话卡</span>
                                        <i class="iconfont">&#xe775;</i>
                                    </a>
                                </li>
                                <li class="slider-li">
                                    <a href="" class="name">
                                        <span>手机</span>
                                        <span>电话卡</span>
                                        <i class="iconfont">&#xe775;</i>
                                    </a>
                                </li>
                                <li class="slider-li">
                                    <a href="" class="name">
                                        <span>手机</span>
                                        <span>电话卡</span>
                                        <i class="iconfont">&#xe775;</i>
                                    </a>
                                </li>
                                <li class="slider-li">
                                    <a href="" class="name">
                                        <span>手机</span>
                                        <span>电话卡</span>
                                        <i class="iconfont">&#xe775;</i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a href="" class="tit">Xiaomi手机</a>
                        <div class="pop">
                            <ul class="down-ul container">
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a href="" class="tit">Redmi 红米</a>
                        <div class="pop">
                            <ul class="down-ul container">
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a href="" class="tit">电视</a>
                        <div class="pop">
                            <ul class="down-ul container">
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a href="" class="tit">笔记本</a>
                        <div class="pop">
                            <ul class="down-ul container">
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                    <i></i>
                                </li>
                                <li class="down-li">
                                    <a href="" class="pic">
                                        <img src="./img/images/show.webp" alt="">
                                    </a>
                                    <h3 class="name">Xiaomi11</h3>
                                    <p class="price">2999元</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a href="" class="tit">平板</a>
                    </li>
                    <li class="nav-item">
                        <a href="" class="tit">家电</a>
                    </li>
                    <li class="nav-item">
                        <a href="" class="tit">路由器</a>
                    </li>
                    <li class="nav-item">
                        <a href="" class="tit">智能硬件</a>
                    </li>
                    <li class="nav-item">
                        <a href="" class="tit">服务</a>
                    </li>
                    <li class="nav-item">
                        <a href="" class="tit">社区</a>
                    </li>
                </ul>
                <!-- 搜索框 -->
                <!-- <div class="search active"> -->
                <div class="search ">
                    <form action="" method="post">
                        <input type="text" placeholder="黑鲨4" class="q">
                        <input type="submit" value="" class="btn ">
                    </form>
                    <ul class="hot">
                        <li><a href="">全部商品</a></li>
                        <li><a href="">小米平板5</a></li>
                        <li><a href="">手机</a></li>
                        <li><a href="">耳机</a></li>
                        <li><a href="">空调</a></li>
                        <li><a href="">洗衣机</a></li>
                        <li><a href="">电视</a></li>
                        <li><a href="">充电宝</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 导航 E -->
        <!-- 粘性导航 S -->
        <div class="nav">
            <div class="xm-product-box">
                <div class="nav-bar">
                    <div class="container">
                        <h2>Redmi Note 10 Pro</h2>
                        <div class="con">
                            <div class="left"><span class="separator">|</span> <a
                                    href="https://www.mi.com/redminote10">Redmi Note 10 5G</a></div>
                            <div class="right"><a href="https://www.mi.com/redminote10pro" target="">概述页</a> <span
                                    class="separator">|</span> <a href="https://www.mi.com/redminote10pro/specs"
                                    target="">参数页</a> <span class="separator">|</span> <a
                                    href="https://www.mi.com/order/fcode" target="_blank">F码通道</a> <span
                                    class="separator">|</span> <a href="javascript:void(0);" class="J_contactBtn"
                                    product_id="14206" gid="2211900008">咨询客服</a> <span class="separator">|</span> <a
                                    class="J_nav_comment " href="//www.mi.com/comment/14206.html"
                                    target="_blank">用户评价</a> <a
                                    class="btn btn-small btn-primary J_nav_buy hide">立即购买</a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 粘性导航 E -->
        <!-- 主体内容 S-->
        <div class="mi-detail">
            <div data-v-70283663="" class="page">
                <div data-v-70283663="" class="page-box">
                    <div data-v-70283663="" class="page-info">
                        <!---->
                        <div data-v-70283663="" class="product-box container">
                            <div data-v-70283663="" class="img-left">
                                <div data-v-7121d496="" data-v-70283663="" class="product-imglist J_imgListBox">
                                    <div data-v-7121d496="" class="img-box J_imgList"><img data-v-7121d496=""
                                            src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1621955784.84614979.jpg">
                                    </div>
                                </div>
                            </div>
                            <div data-v-70283663="" class="product-con">
                                <h2 data-v-70283663=""><img data-v-70283663="">Redmi Note 10 Pro</h2>
                                <p data-v-70283663="" class="sale-desc">
                                    <font color="#ff4a00">「购机赠价值897元三人善诊体检套餐；再赠Keep 7日会员；光大信用卡分期支付满1000元减80元，数量有限」
                                    </font>天玑1100年度旗舰芯｜VC液冷散热｜120Hz旗舰变速金刚屏 ｜67W 闪充 5000mAh 大电池｜JBL 立体声双扬声器｜UFS
                                    3.1｜6400万AI三摄｜多功能NFC 3.0
                                </p>
                                <p data-v-70283663=""
                                    title="企业名称：小米通讯技术有限公司
            企业执照注册号：91110108558521630L
            企业地址：北京市海淀区西二旗中路33号院6 号楼9层019号
            企业电话：400-100-5678
            营业期限：2010年08月25日 至 2040年08月24日
            经营范围：开发手机技术、计算机软件及信息技术；技术检测、技术咨询、技术服务、技术转让；计算机技术培训；系统集成；货物进出口、技术进出口、代理进出口；家用电器、通信设备、广播电视设备（不含卫星电视广播、地面接收装置）、机械设备、电子产品、文化用品的批发零售；维修仪器仪表；销售医疗器械I类、II、III类、针纺织品（含家纺家饰）、服装鞋帽、日用杂货、工艺品、文化用品、体育用品、照相器材、卫生用品（含个人护理用品）、钟表眼镜、箱包、家具（不从事实体店铺经营）、小饰品、日用品、乐器、自行车、智能卡；计算机、通讯设备、家用电器、电子产品、机械设备的技术开发、技术服务；销售金银饰品（不含金银质地纪念币）；家用空调的委托生产；委托生产翻译机；销售翻译机、五金交电（不含电动自行车）、厨房用品、陶瓷制品、玻璃制品、玩具、汽车零配件、食用农产品、花卉、苗木、宠物用品、建筑材料、装饰材料、化妆品、珠宝首饰、通讯设备、卫生间用品、农药；生产手机（仅限在海淀区永捷北路2号三层生产及外埠生产）；出版物批发；出版物零售；销售食品。（销售第三类医疗器械以及销售食品以及依法须经批准的项目，经相关部门批准后依批准的内容开展经营活动。）"
                                    class="company-info">小米自营</p>
                                <div data-v-70283663="" class="price-info"><span data-v-70283663="">1699 元
                                        <!---->
                                        <!---->
                                    </span></div>
                                <!---->
                                <div data-v-70283663="" class="line"></div>
                                <!---->
                                <!---->
                                <!---->
                                <!---->
                                <!---->
                                <div data-v-70283663="" class="address-box">
                                    <div data-v-49bd293c="" data-v-70283663="" class="product-address"><i
                                            data-v-49bd293c="" class="iconfont">&#xe675;</i>
                                        <div data-v-49bd293c="" class="address-con">
                                            <div data-v-49bd293c="">
                                                <div data-v-49bd293c="" class="address-info"><span
                                                        data-v-49bd293c="">北京</span><span
                                                        data-v-49bd293c="">北京市</span><span
                                                        data-v-49bd293c="">海淀区</span><span
                                                        data-v-49bd293c="">清河街道</span></div><a data-v-49bd293c=""
                                                    href="javascript:void(0);" class="edit">修改</a>
                                            </div>
                                            <div data-v-49bd293c="" class="info">
                                                <!---->
                                                <div data-v-49bd293c="" class="desc"><span data-v-49bd293c="">有现货</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div data-v-6009d2b8="" data-v-70283663="" class="buy-option">
                                    <div data-v-6009d2b8="" class="buy-box-child">
                                        <div data-v-6009d2b8="" class="option-box">
                                            <div data-v-6009d2b8="" class="title">选择版本</div>
                                            <ul data-v-6009d2b8="" class="clearfix">
                                                <li data-v-6009d2b8="" title="6GB+128GB" class="active"><a
                                                        data-v-6009d2b8="">6GB+128GB</a></li>
                                                <li data-v-6009d2b8="" title="8GB+128GB" class=""><a
                                                        data-v-6009d2b8="">8GB+128GB</a></li>
                                                <li data-v-6009d2b8="" title="8GB+256GB" class=""><a
                                                        data-v-6009d2b8="">8GB+256GB</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div data-v-6009d2b8="" class="buy-box-child">
                                        <div data-v-6009d2b8="" class="option-box">
                                            <div data-v-6009d2b8="" class="title">选择颜色</div>
                                            <ul data-v-6009d2b8="" class="clearfix">
                                                <li data-v-6009d2b8="" title="月魄" class="active"><a
                                                        data-v-6009d2b8="">月魄</a></li>
                                                <li data-v-6009d2b8="" title="幻青" class=""><a data-v-6009d2b8="">幻青</a>
                                                </li>
                                                <li data-v-6009d2b8="" title="星纱" class=""><a data-v-6009d2b8="">星纱</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <!---->
                                    <!---->
                                    <!---->
                                    <!---->
                                </div>
                                <div data-v-3da63f71="" data-v-70283663="" class="service-box">
                                    <div data-v-3da63f71="" class="service-item-box">
                                        <div data-v-3da63f71="" class="title">选择小米提供的意外保护<a data-v-3da63f71=""
                                                href="https://api.jr.mi.com/activity/accidentIns/?from=mishop&amp;insuranceSku=35589"
                                                target="_blank">了解意外保护 &gt;</a></div>
                                        <ul data-v-3da63f71="">
                                            <li data-v-3da63f71="" class=""><i data-v-3da63f71=""
                                                    class="iconfont icon-checkbox"><em data-v-3da63f71="">√</em></i><img
                                                    data-v-3da63f71=""
                                                    data-src="//cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1621320056.87439519.png"
                                                    src="//cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1621320056.87439519.png"
                                                    lazy="loaded">
                                                <div data-v-3da63f71="" class="box">
                                                    <h3 data-v-3da63f71="">意外保障服务<em data-v-3da63f71="">意外损免费修</em></h3>
                                                    <div data-v-3da63f71="" class="desc">1年1次意外损坏 官方原厂 免费维修</div>
                                                    <div data-v-3da63f71="" class="agreement-box"><i data-v-3da63f71=""
                                                            class="iconfont icon-checkbox"><em
                                                                data-v-3da63f71="">√</em></i>我已阅读<a data-v-3da63f71=""
                                                            href="https://api.jr.mi.com/insurance/document/phone_accidentIns.html?insuranceSku=35589&amp;couponFrom=rule"
                                                            target="_blank">服务条款<span data-v-3da63f71="">| </span></a><a
                                                            data-v-3da63f71=""
                                                            href="https://api.jr.mi.com/insurance/document/phone_accidentIns.html?insuranceSku=35589&amp;couponFrom=question"
                                                            target="_blank">常见问题
                                                            <!---->
                                                        </a></div>
                                                    <div data-v-3da63f71="" class="price">199元</div>
                                                </div>
                                            </li>
                                            <li data-v-3da63f71="" class=""><i data-v-3da63f71=""
                                                    class="iconfont icon-checkbox"><em data-v-3da63f71="">√</em></i><img
                                                    data-v-3da63f71=""
                                                    data-src="//cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1621320144.99469227.png"
                                                    src="//cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1621320144.99469227.png"
                                                    lazy="loaded">
                                                <div data-v-3da63f71="" class="box">
                                                    <h3 data-v-3da63f71="">碎屏保障服务<em data-v-3da63f71="">碎屏免费修</em></h3>
                                                    <div data-v-3da63f71="" class="desc">1年1次碎屏 官方原厂 免费维修</div>
                                                    <div data-v-3da63f71="" class="agreement-box"><i data-v-3da63f71=""
                                                            class="iconfont icon-checkbox"><em
                                                                data-v-3da63f71="">√</em></i>我已阅读<a data-v-3da63f71=""
                                                            href="https://api.jr.mi.com/insurance/document/phone_accidentIns.html?insuranceSku=35590&amp;couponFrom=rule"
                                                            target="_blank">服务条款<span data-v-3da63f71="">| </span></a><a
                                                            data-v-3da63f71=""
                                                            href="https://api.jr.mi.com/insurance/document/phone_accidentIns.html?insuranceSku=35590&amp;couponFrom=question"
                                                            target="_blank">常见问题
                                                            <!---->
                                                        </a></div>
                                                    <div data-v-3da63f71="" class="price">129元</div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                    <div data-v-3da63f71="" class="service-item-box">
                                        <div data-v-3da63f71="" class="title">选择小米提供的延长保修<a data-v-3da63f71=""
                                                href="https://api.jr.mi.com/activity/accidentIns/?from=mishop&amp;insuranceSku=35591"
                                                target="_blank">了解延长保修 &gt;</a></div>
                                        <ul data-v-3da63f71="">
                                            <li data-v-3da63f71="" class=""><i data-v-3da63f71=""
                                                    class="iconfont icon-checkbox"><em data-v-3da63f71="">√</em></i><img
                                                    data-v-3da63f71=""
                                                    data-src="//cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1621320258.69046453.png"
                                                    src="//cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1621320258.69046453.png"
                                                    lazy="loaded">
                                                <div data-v-3da63f71="" class="box">
                                                    <h3 data-v-3da63f71="">延长保修服务<em data-v-3da63f71="">质保延长1年</em></h3>
                                                    <div data-v-3da63f71="" class="desc">性能故障 官方原厂 多次免费维修</div>
                                                    <div data-v-3da63f71="" class="agreement-box"><i data-v-3da63f71=""
                                                            class="iconfont icon-checkbox"><em
                                                                data-v-3da63f71="">√</em></i>我已阅读<a data-v-3da63f71=""
                                                            href="https://api.jr.mi.com/insurance/document/phone_accidentIns.html?insuranceSku=35591&amp;couponFrom=rule"
                                                            target="_blank">服务条款<span data-v-3da63f71="">| </span></a><a
                                                            data-v-3da63f71=""
                                                            href="https://api.jr.mi.com/insurance/document/phone_accidentIns.html?insuranceSku=35591&amp;couponFrom=question"
                                                            target="_blank">常见问题
                                                            <!---->
                                                        </a></div>
                                                    <div data-v-3da63f71="" class="price">69元</div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                    <div data-v-3da63f71="" class="service-item-box">
                                        <div data-v-3da63f71="" class="title">选择小米提供的云空间服务<a data-v-3da63f71=""
                                                href="https://cnbj1.fds.api.xiaomi.com/mih5/page/d-1572343721754/index.html"
                                                target="_blank">了解云空间服务 &gt;</a></div>
                                        <ul data-v-3da63f71="">
                                            <li data-v-3da63f71="" class=""><i data-v-3da63f71=""
                                                    class="iconfont icon-checkbox"><em data-v-3da63f71="">√</em></i><img
                                                    data-v-3da63f71=""
                                                    data-src="//cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1600176481.06844959.png"
                                                    src="//cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1600176481.06844959.png"
                                                    lazy="loaded">
                                                <div data-v-3da63f71="" class="box">
                                                    <h3 data-v-3da63f71="">云空间年卡200G<em data-v-3da63f71="">208元</em>
                                                    </h3>
                                                    <div data-v-3da63f71="" class="desc">主商品签收后，自动激活至下单帐号</div>
                                                    <div data-v-3da63f71="" class="agreement-box"><i data-v-3da63f71=""
                                                            class="iconfont icon-checkbox"><em
                                                                data-v-3da63f71="">√</em></i>我已阅读<a data-v-3da63f71=""
                                                            href="https://cnbj1.fds.api.xiaomi.com/mih5/page/d-1572506400847/index.html"
                                                            target="_blank">注意事项<span data-v-3da63f71="">| </span></a><a
                                                            data-v-3da63f71=""
                                                            href="https://cnbj1.fds.api.xiaomi.com/mih5/page/d-1572507054693/index.html"
                                                            target="_blank">常见问题
                                                            <!---->
                                                        </a></div>
                                                    <div data-v-3da63f71="" class="price">208元</div>
                                                </div>
                                            </li>
                                            <li data-v-3da63f71="" class=""><i data-v-3da63f71=""
                                                    class="iconfont icon-checkbox"><em data-v-3da63f71="">√</em></i><img
                                                    data-v-3da63f71=""
                                                    data-src="//cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1600176441.95731810.png"
                                                    src="//cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1600176441.95731810.png"
                                                    lazy="loaded">
                                                <div data-v-3da63f71="" class="box">
                                                    <h3 data-v-3da63f71="">云空间年卡 50G<em data-v-3da63f71="">58元</em></h3>
                                                    <div data-v-3da63f71="" class="desc">主商品签收后，自动激活至下单帐号</div>
                                                    <div data-v-3da63f71="" class="agreement-box"><i data-v-3da63f71=""
                                                            class="iconfont icon-checkbox"><em
                                                                data-v-3da63f71="">√</em></i>我已阅读<a data-v-3da63f71=""
                                                            href="https://cnbj1.fds.api.xiaomi.com/mih5/page/d-1572506400847/index.html"
                                                            target="_blank">注意事项<span data-v-3da63f71="">| </span></a><a
                                                            data-v-3da63f71=""
                                                            href="https://cnbj1.fds.api.xiaomi.com/mih5/page/d-1572507054693/index.html"
                                                            target="_blank">常见问题
                                                            <!---->
                                                        </a></div>
                                                    <div data-v-3da63f71="" class="price">58元</div>
                                                </div>
                                            </li>
                                            <li data-v-3da63f71="" class=""><i data-v-3da63f71=""
                                                    class="iconfont icon-checkbox"><em data-v-3da63f71="">√</em></i><img
                                                    data-v-3da63f71=""
                                                    data-src="//cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1600176290.50372543.png"
                                                    src="//cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1600176290.50372543.png"
                                                    lazy="loaded">
                                                <div data-v-3da63f71="" class="box">
                                                    <h3 data-v-3da63f71="">云空间月卡200G<em data-v-3da63f71="">21元</em></h3>
                                                    <div data-v-3da63f71="" class="desc">主商品签收后，自动激活至下单帐号</div>
                                                    <div data-v-3da63f71="" class="agreement-box"><i data-v-3da63f71=""
                                                            class="iconfont icon-checkbox"><em
                                                                data-v-3da63f71="">√</em></i>我已阅读<a data-v-3da63f71=""
                                                            href="https://cnbj1.fds.api.xiaomi.com/mih5/page/d-1572506400847/index.html"
                                                            target="_blank">注意事项<span data-v-3da63f71="">| </span></a><a
                                                            data-v-3da63f71=""
                                                            href="https://cnbj1.fds.api.xiaomi.com/mih5/page/d-1572507054693/index.html"
                                                            target="_blank">常见问题
                                                            <!---->
                                                        </a></div>
                                                    <div data-v-3da63f71="" class="price">21元</div>
                                                </div>
                                            </li>
                                            <li data-v-3da63f71="" class=""><i data-v-3da63f71=""
                                                    class="iconfont icon-checkbox"><em data-v-3da63f71="">√</em></i><img
                                                    data-v-3da63f71=""
                                                    data-src="//cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1600176676.8428378.png"
                                                    src="//cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1600176676.8428378.png"
                                                    lazy="loaded">
                                                <div data-v-3da63f71="" class="box">
                                                    <h3 data-v-3da63f71="">云空间月卡 50G<em data-v-3da63f71="">6元</em></h3>
                                                    <div data-v-3da63f71="" class="desc">主商品签收后，自动激活至下单帐号</div>
                                                    <div data-v-3da63f71="" class="agreement-box"><i data-v-3da63f71=""
                                                            class="iconfont icon-checkbox"><em
                                                                data-v-3da63f71="">√</em></i>我已阅读<a data-v-3da63f71=""
                                                            href="https://cnbj1.fds.api.xiaomi.com/mih5/page/d-1572506400847/index.html"
                                                            target="_blank">注意事项<span data-v-3da63f71="">| </span></a><a
                                                            data-v-3da63f71=""
                                                            href="https://cnbj1.fds.api.xiaomi.com/mih5/page/d-1572507054693/index.html"
                                                            target="_blank">常见问题
                                                            <!---->
                                                        </a></div>
                                                    <div data-v-3da63f71="" class="price">6元</div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div data-v-acfb37e4="" data-v-70283663="" class="selected-list">
                                    <ul data-v-acfb37e4="">
                                        <li data-v-acfb37e4="">Redmi Note 10 Pro 6GB+128GB 月魄<span
                                                data-v-acfb37e4="">1699元
                                                <!---->
                                            </span></li>
                                    </ul>
                                    <ul data-v-acfb37e4="">
                                        <!---->
                                        <!---->
                                    </ul>
                                    <ul data-v-acfb37e4="">
                                        <!---->
                                    </ul>
                                    <ul data-v-acfb37e4="">
                                        <!---->
                                        <!---->
                                        <!---->
                                        <!---->
                                    </ul>
                                    <div data-v-acfb37e4="" class="total-price">总计：1699元</div>
                                </div>
                                <div data-v-70283663="" class="btn-box">
                                    <div data-v-381dda6a="" data-v-70283663="" class="sale-btn"><a data-v-381dda6a=""
                                            data-spm="product_14206.add_cart.1" href="javascript:void(0);"
                                            class="btn btn-primary" data-params="&quot;&quot;">加入购物车</a>
                                        <!---->
                                    </div>
                                    <div data-v-5d5a0502="" data-v-70283663="" class="favorite-btn"><a
                                            data-v-5d5a0502="" data-spm="product_14206.favor.1"
                                            class="btn-gray btn-like" data-params="&quot;&quot;"><i data-v-5d5a0502=""
                                                class="iconfont default"></i>喜欢</a></div>
                                </div>
                                <div data-v-6d9966ee="" data-v-70283663="" class="after-sale-info"><span
                                        data-v-6d9966ee=""><a data-v-6d9966ee="" href="javascript:void(0);"
                                            class="support"><i data-v-6d9966ee="" class="iconfont"></i><em
                                                data-v-6d9966ee="">小米自营</em></a></span><span data-v-6d9966ee=""><a
                                            data-v-6d9966ee="" href="javascript:void(0);" title="由小米发货"
                                            class="support"><i data-v-6d9966ee="" class="iconfont"></i><em
                                                data-v-6d9966ee="">小米发货</em></a></span><span data-v-6d9966ee=""><a
                                            data-v-6d9966ee="" href="javascript:void(0);" class="support"><i
                                                data-v-6d9966ee="" class="iconfont"></i><em
                                                data-v-6d9966ee="">7天无理由退货</em></a></span><span data-v-6d9966ee=""><a
                                            data-v-6d9966ee="" href="javascript:void(0);" title="由小米发货商品(不含有品),单笔满69元免运费;
            由小米有品发货的商品,免运费;
            由第三方商家发货的商品，运费以实际结算金额为准;
            特殊商品需要单独收取运费,具体以实际结算金额为准;优惠券等不能抵扣运费金额;如需无理由退货,用户将承担该商品的退货物流费用;" class="support"><i data-v-6d9966ee=""
                                                class="iconfont"></i><em data-v-6d9966ee="">运费说明</em></a></span><span
                                        data-v-6d9966ee=""><a data-v-6d9966ee="" href="javascript:void(0);"
                                            title="企业名称：小米通讯技术有限公司
            企业执照注册号：91110108558521630L
            企业地址：北京市海淀区西二旗中路33号院6 号楼9层019号
            企业电话：400-100-5678
            营业期限：2010年08月25日 至 2040年08月24日
            经营范围：开发手机技术、计算机软件及信息技术；技术检测、技术咨询、技术服务、技术转让；计算机技术培训；系统集成；货物进出口、技术进出口、代理进出口；家用电器、通信设备、广播电视设备（不含卫星电视广播、地面接收装置）、机械设备、电子产品、文化用品的批发零售；维修仪器仪表；销售医疗器械I类、II、III类、针纺织品（含家纺家饰）、服装鞋帽、日用杂货、工艺品、文化用品、体育用品、照相器材、卫生用品（含个人护理用品）、钟表眼镜、箱包、家具（不从事实体店铺经营）、小饰品、日用品、乐器、自行车、智能卡；计算机、通讯设备、家用电器、电子产品、机械设备的技术开发、技术服务；销售金银饰品（不含金银质地纪念币）；家用空调的委托生产；委托生产翻译机；销售翻译机、五金交电（不含电动自行车）、厨房用品、陶瓷制品、玻璃制品、玩具、汽车零配件、食用农产品、花卉、苗木、宠物用品、建筑材料、装饰材料、化妆品、珠宝首饰、通讯设备、卫生间用品、农药；生产手机（仅限在海淀区永捷北路2号三层生产及外埠生产）；出版物批发；出版物零售；销售食品。（销售第三类医疗器械以及销售食品以及依法须经批准的项目，经相关部门批准后依批准的内容开展经营活动。）"
                                            class="support"><i data-v-6d9966ee="" class="iconfont"></i><em
                                                data-v-6d9966ee="">企业信息</em></a></span><span data-v-6d9966ee=""><a
                                            data-v-6d9966ee="" href="https://m.mi.com/aftersale/policy/34"
                                            target="_blank" class="support"><i data-v-6d9966ee=""
                                                class="iconfont"></i><em data-v-6d9966ee="">售后服务政策</em></a></span><span
                                        data-v-6d9966ee=""><a data-v-6d9966ee=""
                                            href="https://s1.mi.com/m/faq/giving/index.html?project_id=44"
                                            target="_blank" class="support"><i data-v-6d9966ee=""
                                                class="iconfont"></i><em data-v-6d9966ee="">7天价格保护</em></a></span>
                                </div>
                            </div>
                        </div>
                        <!---->
                        <div data-v-eb8da102="" data-v-70283663="" class="product-detail page-main">
                            <!---->
                            <div data-v-eb8da102="" class="detail-box">
                                <div data-v-eb8da102="" class="detail-item">
                                    <div data-v-eb8da102="" class="section">
                                        <div data-v-eb8da102="" class="section-plain_view">
                                            <div data-v-eb8da102="" class="title container">
                                                <h3 data-v-eb8da102="">价格说明</h3>
                                                <!---->
                                            </div>
                                            <div data-v-eb8da102="" class="img-box" style="height: 189px;"><img
                                                    data-v-eb8da102=""
                                                    data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/43e2954feb6d1b108438481f1d5b0bd3.png"
                                                    src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/43e2954feb6d1b108438481f1d5b0bd3.png"
                                                    lazy="loaded"></div>
                                        </div>
                                        <!---->
                                        <!---->
                                        <!---->
                                        <!---->
                                        <!---->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 主体内容 E-->
    </div>
</body>

</html>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
<script>
    // .page-nav
    $('.page-nav').css({
        "margin-top": "0px"
    })
    // 下拉菜单布局
    $(".slider-nav").css({
        "position": "absolute",
        "width": "227px",
        "height": "418px",
        "border": "1px solid #ff6700",
        "background-color": "#fff",
        "top": "81px",
        "right": "-10px",
        "padding": "20px 0px",
        "z-index": 100,
        "color": "#ff6700"
    })
    
    $("#page-all-nav").mouseover(function () {
        $(".slider-nav").show();
    });
    $("#page-all-nav").mouseout(function () {
        $(".slider-nav").hide();
    });
    $(".slider-nav").mouseover(function () {
        $(".slider-nav").show();
    });
    $(".slider-ul").mouseover(function () {
        $(".slider-nav").show();
    });
    $(".slider-nav .name").css({
        "color": "#333"
    })
    // 粘性定位
    $(document).ready(function () {
        var stickyNavTop = $('.nav').offset().top;

        var stickyNav = function () {
            var scrollTop = $(window).scrollTop();

            if (scrollTop > stickyNavTop) {
                $('.nav').addClass('sticky');
            } else {
                $('.nav').removeClass('sticky');
            }
        };

        stickyNav();

        $(window).scroll(function () {
            stickyNav();
        });
    });


    $.ajax({
    url: 'goodsAndShoppingCart/ getGoodsInfo.php',
    type: 'get',
    datatype: 'json',
    success: function (res) {
        // console.log(res);
        let arr = JSON.parse(res);
        console.log(arr)
        }
    })

</script>